/*
Theme Name: My Mobile Page V3 Wordpress Theme
Theme URI: http://famousthemes.com/
Description: My Mobile Page V3 Wordpress Theme
Version: 1.0
Author: FamousThemes
Author URI: http://famousthemes.com/
License: GNU General Public License
License URI: license.txt
Tags: black, custom-menu
*/
/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
html{ height:100%;}
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color: #333333; background-color:#4a2d70;}
.home{height:100%;}
.homeiphone_full{height:100%;}
.homeiphone_app{height:116.85%;}

body#page{height:auto;}
.clear{clear:both;}
a{ text-decoration:none;color:#8A50C1;}
span.tag{color:#8A50C1;}
span.subtitle_descr{ font-size:14px; color:#6f6f6f; padding:0 0 20px 0; font-family:Open Sans; font-weight:normal; line-height:20px; display:block;}
p{padding:0;margin:0px;text-align:left;line-height:20px;}
p.main_text{ padding:0 0 15px 0;}

.logo-title{ width:100%; text-align:center; font-size:34px; position:absolute; top:10%; z-index:9999; color:#FFFFFF; font-family:Niconne; text-shadow:1px 1px #000000;}
.logo-image{ width:100%; text-align:center; font-size:34px; position:absolute; top:5%; z-index:9999; color:#FFFFFF; font-family:Galdeano; text-shadow:1px 1px #000000;}
.logo-image img{ width:50%;}

/* Headings
/*------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-family:Open Sans;font-weight:normal; margin:0px;}
h1{ font-size:20px; padding:0 0 10px 0; }
h2{ font-size:18px; padding:20px 0 15px 0; clear:both;}
h3{ font-size:16px; padding:0 0 15px 0; clear:both;}
h4{ font-size:14px; padding:0 0 15px 0; clear:both;}

/* Lists
/*------------------------------------------*/
ul.lists{ padding:0 0 15px 0; font-weight:bold;}
ul.lists li{ border-bottom:1px #ddd solid; padding:5px 0 5px 12px; background:url(../images/bullet.gif) no-repeat; background-position:0px 8px;}
ul.lists li ul{ padding:10px 0 10px 0px;}
ul.lists li ul li{ padding:15px 12px; background:url(../images/bullet.gif) no-repeat left;}
ul.lists li ul li:last-child{ border:none;}


.entry p{ padding:0 0 15px 0;}
.entry ul{ padding:0 0 15px 0;}
.entry ul li{ border-bottom:1px #ddd solid; padding:12px; background:url(../images/bullet.gif) no-repeat left;}

.entry ul.tabsmenu, .entry ul.slides{ padding:0 0 0 0;}
.entry ul.tabsmenu li, .entry ul.slides li{ border:none; padding:0; background:none;}


/* Toggle
/*------------------------------------------*/
.toogle_wrap{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; width: 92%; padding:2% 2% 2% 20px;margin:10px 5px 0 0;}
.trigger{padding:0px;margin:0;background:url(../images/wxzone/toggle.png) no-repeat right; background-position:100% -12px;}
.trigger a{text-decoration: none;display: block; padding:1px 0 1px 0;font-weight:normal;font-size:11px;color:#8A50C1; }
.active {background-position:100% 0px; }
.trigger a:hover, .trigger a:hover:focus{color:#8A50C1;}
.toggle_container{overflow: hidden;padding:15px 0 0 0;clear: both;}

/* Structure
/*------------------------------------------*/
#container{ width:640px; height:100%; margin:auto; position:relative;}
#pagecontainer{width:640px; height:auto; padding:5px 0 5px 0; margin:auto; position:relative;}
#main_panels{ width:100%; height:100%;}
.content{ width:86%; margin:2%; height:auto; background-color:#FFFFFF;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; padding:5%;
}
#header{ width:96%; height:auto; background-color:#000000; text-align:center; color:#FFFFFF; margin:0 2%; z-index:999; position:relative;}
.page_title{ float:left; width:83%; height:22px;text-align:center; padding:2% 0 2% 0; margin:1% 0 0 0; font-weight:bold;}
.page_title_all{ float:left; width:100%; height:22px;text-align:center; padding:2% 0 2% 0; margin:1% 0 0 0; font-weight:bold;}
#footer{ width:96%; height:auto; background-color:#000000; text-align:center; color:#FFFFFF; margin:0 2%; z-index:999; position:relative;}

a.back_button{ float:left;color:#c5c5c5; font-weight:bold;}
a#button_praise{ float:right;color:yellow; font-weight:bold;}
a#menu_close{ float:right;color:#fff; font-weight:bold;display:none;}
a#top{ float:right; width:20%;padding:5% 0 5% 0; margin:1%; color:#c5c5c5; font-weight:bold;}

/* Colors
/*------------------------------------------*/
.black_gradient{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
background: -moz-linear-gradient(top, #595959 0%, #000000 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#000000));
border-top:1px #6b6b6b solid;}
.black_button{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:15%;padding:2% 0 2% 0; margin:1%;
background: -moz-linear-gradient(top, #666666 0%, #2d2d2d 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#2d2d2d));
border-top:1px #919191 solid;}

/* Navigation
/*------------------------------------------*/
#bottom_nav{ position:absolute; bottom:0px; left:0px; background:url(../images/nav_bg.png) repeat-x top;height:auto; width:640px; }
#pages_nav{ height:auto; width:100%; position:absolute; top:-200px; left:0px; z-index:888;}


/* Content images
/*------------------------------------------*/
.content img.rounded{max-width:96%; display: block; 
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:1.5%;
}
.content img.rounded-half{max-width:95%; display: block; 
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:2%;margin: auto auto;
}
.content img.shadow{max-width:100%; display: block;}
.content img.rounded-half-list{width:100%; height:100%; display: block; 
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:2%;margin: auto auto;
}

/* Blog
/*------------------------------------------*/
.post{ float:left; clear:both; width:100%; border-bottom:1px #ddd solid; padding: 1% 0 1% 0; margin:1% 0 1% 0;}
.post_thumb{padding:15px 0 0 0; margin-top: 15px;}
.post_thumb_single{ width:100%;}
.post_content{width:100%;font-size:14px;margin:15px 0;}
.post_thumb_list {float:left;width:50px; height:50px;}
.post_content_list {float:left;width:70%;margin: 5% 5%;}

.post_detail{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; float:left; padding:2% 2% 2% 20px;margin:10px 5px 0 0; font-size:11px;color:#8A50C1;}
.post_detail-date{font-size:11px;color:#ccc;}
.post_detail-op{font-size:11px;color:#8A50C1;float:right;border: 1px #DDD solid; padding:3px;}
.category{background:url(../images/wxzone/icon_category.gif) no-repeat 5px 50%;}
.comments{background:url(../images/wxzone/icon_comments.gif) no-repeat 5px 50%;}
.post h3{ font-size:16px;}

.blog_nav{ float:left; clear:both; margin:10px 0 20px 0; width:100%;}
.blog_nav .prev a{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; float:left; padding:3% 0; text-align:center; width:30%; font-weight:bold; background-color:#eee;}
.blog_nav .next a{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; float:right; padding:3% 0; text-align:center; width:30%; font-weight:bold; background-color:#eee;}

ol.comments_list{}
ol.comments_list li{background-color:#eee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#666666; padding:10px; margin:10px 0 0 0; line-height:18px; font-style:italic;}

/* Form
/*------------------------------------------*/

.form{ padding:10px 0 0 0;}
.form label{color:#8A50C1; padding:0 0 10px 0; display:block; font-size:14px;font-family:Open Sans;font-weight:normal;}
.form label.error{padding:0 0 10px 0; width:100%; text-align:right; color:#990000;}
.form_input{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:3%; width:93%; margin:0 0 10px 0;-webkit-appearance:none;}
.select_container{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; width:99%; margin:0 0 10px 0;}
.form_select{padding:3%; background:none; border:none; width:99%;}
.form_textarea{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:3%; width:93%; height:50px; margin:0 0 10px 0;-webkit-appearance:none;}
.form_submit{ width:100%;color:#fff; font-weight:normal;font-family:Open Sans; text-align:center;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
background: -moz-linear-gradient(top, #4A2D70 0%, #291742 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A2D70), to(#291742));
border:1px #291742 solid; cursor:pointer; font-size:20px;
}

/* CSS Media Queries
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
#container{width:100%; height:100%;}
#pagecontainer{width:100%; height:100%;}
#bottom_nav{ width:100%;}
.icons_nav { padding:0 0 0 0; width:100%;}
.icons_nav .slides li a{ float:left; margin:0 0 0 4.8%;padding:5% 0 0 0; font-size:12px; color:#FFFFFF; text-align:center; line-height:20px; width:19.2%;}
.icons_nav .paginated{ padding:0 0 0 6%; width:94%;}
.icons_nav .paginated .slides li a{ float:left; margin:0 0 0 3.6%;padding:5% 0 0 0; font-size:12px; color:#FFFFFF; text-align:center; line-height:20px; width:17.5%;}
}
/*---------------default styles------------------*/
.entry-content img {margin: 0 0 1.5em 0;}
.alignleft, img.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright, img.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.wp-caption {text-align: center;margin-bottom: 1.5em;}
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {margin: 0;}
.wp-smiley { max-height: 1em;margin:0 !important;}
.gallery dl {margin: 0;}
.gallery-caption {margin:-1.5em 0 0 0;}
blockquote.left {float: left;margin-left: 0;margin-right: 20px;text-align: right;width: 33%;}
blockquote.right {float: right;margin-left: 20px;margin-right: 0;text-align: left;width: 33%;}
.sticky{}
.bypostauthor{}